<template>
  <div style="height: 100%;width: 100%; overflow: hidden;">
    <detail-pc v-if="screenSize.width>typeScreen" :id="id"></detail-pc>
    <detail-mobile v-else :id="id"></detail-mobile>
  </div>
</template>
<script>

import {mapGetters} from "vuex";
import detailPc from './components/detailPc.vue'
import detailMobile from './components/detailMobile.vue'

export default {
  components: {
    detailPc,
    detailMobile
  }


  ,
  computed: {
    ...mapGetters(["screenSize","typeScreen"]),
  },
  data() {
    return {
      type: '0',
      id: null
    }
  },
  watch: {}

  ,
  mounted() {
    this.id = this.$route.query.id

    console.log('我是个人页面', this.type, this.$route)

  },
  methods: {},
}
</script>
<style lang="scss">
.typeBox {
  height: 100%;
}
</style>
